<!-- From Uiverse.io by seyed-mohsen-mousavi  - Tags: subscription, green, card, subscribe -->
<div
  class="bg-white rounded-lg overflow-hidden shadow-lg transition-transform transform hover:scale-105"
>
  <div class="p-1 bg-green-200"></div>
  <div class="p-8">
    <h2 class="text-3xl font-bold text-gray-800 mb-4">Pro Plan</h2>
    <p class="text-gray-600 mb-6">Perfect for growing businesses</p>
    <p class="text-4xl font-bold text-gray-800 mb-6">$49.99</p>
    <ul class="text-sm text-gray-600 mb-6">
      <li class="mb-2 flex items-center">
        <svg
          xmlns="http://www.w3.org/2000/svg"
          viewBox="0 0 24 24"
          stroke="currentColor"
          fill="none"
          class="w-4 h-4 mr-2 text-green-500"
        >
          <path
            d="M5 13l4 4L19 7"
            stroke-width="2"
            stroke-linejoin="round"
            stroke-linecap="round"
          ></path>
        </svg>
        25 Users
      </li>
      <li class="mb-2 flex items-center">
        <svg
          xmlns="http://www.w3.org/2000/svg"
          viewBox="0 0 24 24"
          stroke="currentColor"
          fill="none"
          class="w-4 h-4 mr-2 text-green-500"
        >
          <path
            d="M5 13l4 4L19 7"
            stroke-width="2"
            stroke-linejoin="round"
            stroke-linecap="round"
          ></path>
        </svg>
        Advanced Features
      </li>
      <li class="flex items-center">
        <svg
          xmlns="http://www.w3.org/2000/svg"
          viewBox="0 0 24 24"
          stroke="currentColor"
          fill="none"
          class="w-4 h-4 mr-2 text-green-500"
        >
          <path
            d="M5 13l4 4L19 7"
            stroke-width="2"
            stroke-linejoin="round"
            stroke-linecap="round"
          ></path>
        </svg>
        24/7 Support
      </li>
    </ul>
  </div>
  <div class="p-4">
    <button
      class="w-full bg-green-500 text-white rounded-full px-4 py-2 hover:bg-green-700 focus:outline-none focus:shadow-outline-green active:bg-green-800"
    >
      Select Plan
    </button>
  </div>
</div>


    